<%@ page contentType="text/html; charset=UTF-8"%>
<%@page import="com.sinodata.bsm.center.bean.ResTypeBean"%>
<%@page import="java.util.List"%>
<%@page import="com.sinodata.bsm.common.vo.Attribute"%>
<%@page import="net.sf.json.JSONArray"%>
<%@ include file="../include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>指标综合展现</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/style/default/bsm/sub_menu.css" />
<style type="text/css">
.ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6
		url(http://jqueryui.com/themeroller/images/?new=fdf5ce&w=1&h=400&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|100)
		50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
	outline: none;
}

.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
</style>


<script type="text/javascript" src="${pageContext.request.contextPath}/resources/charts/FusionCharts.js" ></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/charts/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/charts/FusionCharts.jqueryplugin.js" ></script>




<script type="text/javascript">
	$(document).ready(
			function(){
				$("#loadLine").insertFusionCharts({
					swfUrl : "${pageContext.request.contextPath}/resources/charts/SplineArea.swf",
					dataSource : "${pageContext.request.contextPath}/resources/charts/Data_lineArea.xml",
					dataFormat : "xmlurl",
					width : "700",
					height : "200",
					id : "loadLineChart"
				});
			});

	function pollData(){
			var url ="${pageContext.request.contextPath}/";
		
		}
</script>

</head>

<body>

	<p class="ui-state-default ui-corner-all"
		style="padding: 10px;">
		<strong style="font-size: 16px; margin-left:20px;">基本信息</strong>
	</p>
	<div style="float: right">
		<span style="margin-right: 15px;">平均负载</span>
		<span>一分钟</span>
		<span id="load1">load1</span>
		<script type="text/javascript">
		 var chart1 = new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "myChartId", "20", "20", "0", "0" );
		 chart1.setJSONData({
			    "chart": {
			        "upperlimit": "100",
			        "lowerlimit": "0",
			        "chartLeftMargin":'0',
			        "chartRightMargin" :'0',
			        "chartTopMargin" :'0',
			        "chartBottomMargin" :'0',
			        "showTickMarks":"0",
			        "showTickValues":"0",
				    "showValue":"0"
			    },
			    "colorrange": {
			        "color": [
			            {
			                "minvalue": "0",
			                "maxvalue": "20",
			                "code": "00dd00"
			            }
			        ]
			    },
			    "value": "45",
			    "styles": {
				    
			    }
			});      
		 chart1.render("load1");    
		</script>
		<span style="margin-right:5px">45</span>
		<span>五分钟</span>
		<span id="load5">load5</span>
		<script type="text/javascript">
		 var chart5 = new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "load5Chart", "20", "20", "0", "0" );
		 chart5.setJSONData({
			    "chart": {
			        "upperlimit": "100",
			        "lowerlimit": "0",
			        "chartLeftMargin":'0',
			        "chartRightMargin" :'0',
			        "chartTopMargin" :'0',
			        "chartBottomMargin" :'0',
			        "showTickMarks":"0",
			        "showTickValues":"0",
				    "showValue":"0"
			    },
			    "colorrange": {
			        "color": [
			            {
			                "minvalue": "0",
			                "maxvalue": "20",
			                "code": "00dd00"
			            }
			        ]
			    },
			    "value": "20",
			    "styles": {
				    
			    }
			});      
		 chart5.render("load5");    
		</script>
		<span style="margin-right:5px">20</span>
		<span>十五分钟</span>
		<span id="load15">load15</span>
		<script type="text/javascript">
		 var chart15 = new FusionCharts("${pageContext.request.contextPath}/resources/charts/VLED.swf", "load15Chart", "20", "20", "0", "0" );
		 chart15.setJSONData({
			    "chart": {
			        "upperlimit": "100",
			        "lowerlimit": "0",
			        "chartLeftMargin":'0',
			        "chartRightMargin" :'0',
			        "chartTopMargin" :'0',
			        "chartBottomMargin" :'0',
			        "showTickMarks":"0",
			        "showTickValues":"0",
				    "showValue":"0"
			    },
			    "colorrange": {
			        "color": [
			            {
			                "minvalue": "0",
			                "maxvalue": "20",
			                "code": "00dd00"
			            }
			        ]
			    },
			    "value": "80",
			    "styles": {
				    
			    }
			});      
		 chart15.render("load15");    
		</script>
		<span style="margin-right:5px">80</span>
		<div id="loadLine">
		</div>
	</div>
	<div>
	  <table  style="width: 300px;">
	  	 <tr>
	  	 	<td>OS 类型：</td>
	  	 	<td>Linux</td>
	  	 </tr>
	  	 <tr>
	  	 	<td>主机名称：</td>
	  	 	<td>生产服务器</td>
	  	 </tr>
	  </table>
	</div>
  

</body>
</html>
